<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>链接伪类选择器
    </title>
    <style>
        /* 未访问过的链接 a：link */
        a:link{
            color: #333;
            text-decoration: none;
        }
        /* a:visited 选择访问过的链接 */
        a:visited{
            color: orange;
        }
        /* a:hover 鼠标经过链接 */
        a:hover{
            color: skyblue;
        }
        /* a:active 选择按下时候的链接 */
        a:active{
            color: springgreen;
        }
    </style>
</head>

<body>
    /* 未访问过的链接 a：link */ <br>
        a:link{ <br>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color: #333; <br>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text-decoration: none; <br>
        }<br>
        /* a:visited 选择访问过的链接 */<br>
        a:visited{<br>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color: orange;<br>
        }<br>
        /* a:hover 鼠标经过链接 */<br>
        a:hover{<br>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color: skyblue;<br>
        }<br>
        /* a:active 选择按下时候的链接 */<br>
        a:active{<br>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color: springgreen;<br>
        }<br>
    <a href="https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&tn=15007414_dg&wd=%E5%93%86%E5%95%A6A%E6%A2%A6&oq=%25E5%2593%2586%25E5%2595%25A6A%25E6%25A2%25A6&rsv_pq=e78cd208000087e3&rsv_t=07f7eQ1fa23ax%2FdeXoZYuFRstCUhQSTfgK54Jh3G7IZ6aIiVg9bX4uxocMnRbX1rX5Y&rqlang=cn&rsv_enter=0&rsv_dl=tb&rsv_sug3=2&rsv_sug1=2&rsv_sug7=100&rsv_btype=t&rsv_sug4=2649" target="blank ">哆啦A梦</a>
</body>

</html>